@CHARSET "UTF-8";

html,body {
	width: 100%;
	height: 100%;
	margin: 0px;
	background-color: #FFCC99;
}

.chat {
	z-index: 2;
	position: absolute;
	top: 80%;
}

#tableCanvas {
	z-index: 1;
	width: 100%;
	height: 100%;
}

#draggable {
	width: 240px;
	height: 150px;
	padding: 0.5em;
	border: 1px solid black;
	background: white;
	z-index: 4;
	position: absolute;
	cursor: pointer;
}

#insertName {
	font-size: 1em;
	z-index: 4;
	width: 12%;
	height: 8%;
	padding: 0.5em;
	border: 1px solid black;
	background: white;
	position: absolute;
	top: 35%;
	left: 42.5%;
	min-width: 150px;
	min-height: 75px;
}

#chooseChair {
	width: 10%;
	font-size: 2em;
	padding-top: 10px;
	position: absolute;
	left: 45%;
}

#fadeOutDiv {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
}

#fadeOut {
	opacity: 0.8;
}

#bankCanvas {
	z-index: 2;
	position: absolute;
	top: 12%;
	left: 44.5%;
}

#buttonDiv {
	z-index: 3;
	margin-left: auto;
	/**margin-right: auto; saab nupud keskele*/
	margin-top: -10%;
	width: 60%;
}

#cards {
	z-index: 1;
	height: 0%;
	width: 0%;
}

#player1 {
	z-index: 2;
	position: absolute;
	left: 10%;
	top: 23%;
}

#chair1 {
	z-index: 1;
	position: absolute;
	left: 13%;
	top: 18%;
}

#player2 {
	z-index: 2;
	position: absolute;
	left: 28%;
	top: 9%;
}

#chair2 {
	z-index: 1;
	position: absolute;
	left: 31%;
	top: 4%;
}

#player3 {
	z-index: 2;
	position: absolute;
	left: 61%;
	top: 9%;
}

#chair3 {
	z-index: 1;
	position: absolute;
	left: 64%;
	top: 4%;
}

#player4 {
	z-index: 2;
	position: absolute;
	left: 79%;
	top: 23%;
}

#chair4 {
	z-index: 1;
	position: absolute;
	left: 82%;
	top: 18%;
}

#player5 {
	z-index: 2;
	position: absolute;
	left: 79%;
	top: 57%;
}

#chair5 {
	z-index: 1;
	position: absolute;
	left: 82%;
	top: 52%;
}

#player6 {
	z-index: 2;
	position: absolute;
	left: 61%;
	top: 72%;
}

#chair6 {
	z-index: 1;
	position: absolute;
	left: 64%;
	top: 67%;
}

#player7 {
	z-index: 2;
	position: absolute;
	left: 45%;
	top: 72%;
}

#chair7 {
	z-index: 1;
	position: absolute;
	left: 48%;
	top: 67%;
}

#player8 {
	z-index: 2;
	position: absolute;
	left: 28%;
	top: 72%;
}

#chair8 {
	z-index: 1;
	position: absolute;
	left: 31%;
	top: 67%;
}

#player9 {
	z-index: 2;
	position: absolute;
	left: 10%;
	top: 57%;
}

#chair9 {
	z-index: 1;
	position: absolute;
	left: 13%;
	top: 52%;
}

.deal {
	z-index: 2;
	position: absolute;
}

.sitout {
	z-index: 2;
	position: absolute;
	top: 480px;
	font-family: Arial;
	font-weight: bold;
	color: white;
}